<!DOCTYPE html>
<html lang="en" class="page-fill" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset=" utf-8">
    <title>打印</title>
    <link rel="stylesheet" href="/css/oksub.css">
</head>
<body>
<input type="button" class="layui-btn layui-btn-warm layui-icon" lay-filter="printPage" id="printPage"
       value="&#xe857;打印"/>
<!--startprint-->

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse:
					 collapse;table-layout:fixed;position: relative;width: 800px">
    <colgroup>
        <col width="26" style="mso-width-source:userset;width:19pt">
        <col width="27" style="mso-width-source:userset;width:20pt">
        <col width="21" style="mso-width-source:userset;width:75pt">
        <col class="x21" width="146" style="mso-width-source:userset;width:109pt">
    </colgroup>
    <tbody>
    <tr height="21"
        style="border-bottom:1px solid black;mso-height-source:userset; height:15.75pt; border-left: 2px solid black; border-right: 2px solid black;  border-top: 2px solid black; ">
        <td colspan="4"  class="x33"
            style="border-bottom:1px solid black;height: 40px;font-weight: 600;border-left: none;border-right: none; text-align: left;">
            <span id="netName" style="margin-left: 10px; font-size: 25px;">[[${waybill.networkName}]]</span>
            <span style="float: right;position: relative;top: 8px; margin-right: 60px;">[[${waybill.waybillId}]]</span>
        </td>
    </tr>
    <tr class="retr" height="33"
        style="mso-height-source:userset;  border-left: 2px solid black; border-right: 2px solid black;  height:33.75pt"
        >
        <td colspan="4" class="x25"
            style="font-weight: 600 !important; padding-left: 10px;">
            <div>
                <span style="position:relative; font-size: 8pt; position: relative; top: 8px;"><font size="4px; ">&nbsp; &nbsp;</font></span>
                <span>
                    <span style="margin-left:240px; font-size: 20px;">打印时间</span>
                    <br>
                    <span style="margin-left: 240px; font-size: 12px;" th:text="${#dates.format(waybill.sendTime,'yyyy-MM-dd HH:mm:ss')}"></span>
                </span>
            </div>
        </td>
    </tr>
    <tr class="retr" height="41"
        style="mso-height-source:userset; border-top:1px solid black; border-left: 2px solid black; border-right: 2px solid black;  height:22.75pt">
        <td rowspan="2" height="71" class="x30"
            style="border-left: none;border-right:1px solid windowtext;border-bottom:1px solid windowtext;height:42.25pt;font-weight: 600;">
            <div style="width: 90px;">收件信息</div>
        </td>
        <td class="x22" style="border: none;width: 210px"><span style="margin-left: 10px;width: 200px">收件人：[[${waybill.recipient}]]</span></td>
        <td colspan="2" id="tc2" class="x44"
            style="border-left: none;font-weight: 600; maborder-right:1px solid windowtext;border-bottom:none;text-align: left;">
            <span style="margin-left: 10px;">电话：[[${waybill.recipientPhonenumber}]]</span></td>
    </tr>
    <tr class="retr" height="30"
        style="mso-height-source:userset; border-left: 2px solid black; border-right: 2px solid black;  height:22.5pt">
        <td colspan="3" id="tc3" class="x33"
            style="border: none;border-right:1px solid windowtext;border-bottom:1px solid windowtext;text-align: left;font-weight: 600;">
							<span style="margin-left: 10px;     position: relative;top: -6px; display:inline-block;width:96%;word-wrap:break-word;white-space:normal;">
								地址：[[${waybill.recipientDetailedAddress}]]
							</span>
        </td>
    </tr>
    <tr class="retr" height="31"
        style="mso-height-source:userset;  border-left: 2px solid black; border-right: 2px solid black;  height:16.25pt">
        <td rowspan="2" height="66" class="x30"
            style="border-right:1px solid windowtext;border-bottom:1px solid windowtext;height:38.25pt;overflow:hidden;font-weight: 600;border-left: none;">
            <div style="width: 90px;">寄件信息</div>
        </td>
        <td class="x22" style="width: 210px;border-bottom: none !important;border-right: none !important;"><span
                style="margin-left: 10px;width: 200px">寄件人：[[${waybill.senderName}]]</span></td>
        <td colspan="2" id="tc4" class="x44"
            style="border-right:1px solid windowtext;border-bottom:none !important;    border-left: none;text-align: left;font-weight: 600;">
            <span style="margin-left: 10px;">电话：[[${waybill.senderPhonenumber}]]</span></td>
    </tr>
    <tr height="35"
        style="mso-height-source:userset;  border-left: 2px solid black; border-right: 2px solid black;  height:26.25pt">
        <td colspan="3" id="tc5" class="x23"
            style="border: none;border-right:1px solid windowtext;border-bottom:1px solid windowtext;text-align: left;font-weight: 600;">
							<span style="display:inline-block;width:96%;word-wrap:break-word;white-space:normal; margin-left: 10px; ">
								地址：[[${waybill.detailedAddress}]]
							</span>
            <div>
                <span style="margin-left: 10px;"><font size="1px;">快件类型：[[${waybill.expressTypeName}]]</font></span>
                <span style="margin-left: 10px; "><font size="1px;">代收货款：[[${waybill.collectionOnDelivery}]]元</font></span>
                <span style="margin-left: 10px; "><font size="1px;">支付方式：[[${waybill.paymentMethodName}]]</font></span>
            </div>
        </td>
    </tr>
    <tr height="21"
        style="mso-height-source:userset;  border-left: 2px solid black; border-right: 2px solid black;  height:15.75pt">
        <td colspan="4" class="x33"
            style="padding-left: 23%;height: 25px !important;font-weight: 600;border-left: none;border-right:1px solid windowtext;border-bottom:1px solid windowtext;text-align: left;">
            <img style="height: 50px;width: 224px;margin-top: 10px;"
                 th:src="${waybill.barcode}">
        </td>
    </tr>
    <tr height="21"
        style="mso-height-source:userset;  border-left: 2px solid black; border-right: 2px solid black;  height:15.75pt">
        <td colspan="3" class="x33"
            style="white-space: unset;height: 35px;     padding: 5px 10px 5px 10px; font-weight: 600;border-left: none;border-right:1px solid windowtext;border-bottom:1px solid windowtext;text-align: left;">
            <font style="font-size: 10px;">快件送达收件人地址，经收件人
                或收件人（寄件人）允许的代收人签字，视为送达，您的签字代表您已验收此包裹，并已确认商品信息无误，包裹完好，没有划痕，破损等表面质量问题</font>
        </td>
        <td colspan="1" class="x33"
            style="height: 35px;font-weight: 600;border-left: none;border-right:1px solid windowtext;border-bottom:1px solid windowtext;text-align: left;">
            签收人：<br><br>
            签收时间：
        </td>
    </tr>

    <tr height="21"
        style="mso-height-source:userset;  border-left: 2px solid black; border-right: 2px solid black;  height:15.75pt"
        id="r6">
        <td colspan="4" class="x33"
            style="padding-left: 23%;height: 25px !important;font-weight: 600;border-left: none;border-right:1px solid windowtext;border-bottom:1px solid windowtext;text-align: left;">
            <img style="height: 50px;width: 224px;margin-top: 10px;"
                 th:src="${waybill.barcode}">
        </td>
    </tr>
    <tr class="retr" height="41"
        style="mso-height-source:userset;  border-left: 2px solid black; border-right: 2px solid black;  height:22.75pt"
        id="r2">
        <td rowspan="2" height="71" class="x30"
            style="border-left: none;border-right:1px solid windowtext;border-bottom:1px solid windowtext;height:42.25pt;overflow:hidden;font-weight: 600;">
            <div style="width: 90px;">收件信息</div>
        </td>
        <td class="x22" style="fborder: none;width: 210px"><span style="margin-left: 10px;width: 200px">收件人：[[${waybill.recipient}]]</span></td>
        <td colspan="2" class="x44"
            style="border-left: none;font-weight: 600; maborder-right:1px solid windowtext;border-bottom:none;text-align: left;">
            <span style="margin-left: 10px;">电话：[[${waybill.recipientPhonenumber}]]</span></td>
    </tr>
    <tr class="retr" height="30"
        style="mso-height-source:userset;  border-left: 2px solid black; border-right: 2px solid black;  height:22.5pt"
        id="r3">
        <td colspan="3" class="x33"
            style="border: none;border-right:1px solid windowtext;border-bottom:1px solid windowtext;text-align: left;font-weight: 600;">
							<span style="margin-left: 10px;     position: relative;top: -6px; display:inline-block;width:96%;word-wrap:break-word;white-space:normal;">
								地址：[[${waybill.recipientDetailedAddress}]]
							</span>
        </td>
    </tr>
    <tr class="retr" height="31"
        style="mso-height-source:userset;  border-left: 2px solid black; border-right: 2px solid black;  height:16.25pt"
        id="r4">
        <td rowspan="2" height="66" class="x30"
            style="border-right:1px solid windowtext;border-bottom:1px solid windowtext;height:38.25pt;overflow:hidden;font-weight: 600;border-left: none;">
            <div style="width: 90px;">寄件信息</div>
        </td>
        <td class="x22" style="width: 210px;border-bottom: none !important;border-right: none !important;"><span
                style="margin-left: 10px;width: 200px">寄件人：[[${waybill.senderName}]]</span></td>
        <td colspan="2" class="x44"
            style="border-right:1px solid windowtext;border-bottom:none !important;    border-left: none;text-align: left;font-weight: 600;">
            <span style="margin-left: 10px;">电话：[[${waybill.senderPhonenumber}]]</span></td>
    </tr>
    <tr height="35"
        style="mso-height-source:userset;  border-left: 2px solid black; border-right: 2px solid black;  height:26.25pt"
        id="r5">
        <td colspan="3" class="x23"
            style="border: none;border-right:1px solid windowtext;border-bottom:1px solid windowtext;text-align: left;font-weight: 600;">
							<span style="display:inline-block;width:96%;word-wrap:break-word;white-space:normal; margin-left: 10px; ">
								地址：[[${waybill.detailedAddress}]]
							</span>
            <div>
                <span style="margin-left: 10px;"><font size="1px;">快件类型：[[${waybill.expressTypeName}]]</font></span>
                <span style="margin-left: 10px; "><font size="1px;">代收货款：[[${waybill.collectionOnDelivery}]]元</font></span>
                <span style="margin-left: 10px; "><font size="1px;">支付方式：[[${waybill.paymentMethodName}]]</font></span>
            </div>
        </td>
    </tr>
    <tr height="21"
        style="mso-height-source:userset;  border-left: 2px solid black; border-right: 2px solid black; height:15.75pt">
        <td colspan="2" class="x33"
            style="height: 25px;font-weight: 600;border-left: none;border-right: none;border-bottom:1px solid windowtext;text-align: left;">
            &nbsp;&nbsp;&nbsp;物品名：[[${waybill.itemName}]]
        </td>
        <td colspan="2" class="x33" style="height: 25px;font-weight: 600; margin-left: 140px;border-left: none;border-bottom:1px solid windowtext;text-align: right;">
            数量：[[${waybill.number}]]
        </td>
    </tr>
    </tbody>
</table>

<!--endprint-->


<script src="/lib/layui/layui.js"></script>

<script language=javascript>
    layui.use(["element", "okLayer", "jquery"], function () {
        var okLayer = layui.okLayer;
        var layer = parent.layer === undefined ? layui.layer : parent.layer;
        var $ = layui.jquery;

        $("#printPage").click(function () {
            bdhtml = window.document.body.innerHTML;
            sprnstr = "<!--startprint-->"; //开始打印标识字符串有17个字符
            eprnstr = "<!--endprint-->"; //结束打印标识字符串
            prnhtml = bdhtml.substr(bdhtml.indexOf(sprnstr) + 17); //从开始打印标识之后的内容
            prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr)); //截取开始标识和结束标识之间的内容
            window.document.body.innerHTML = prnhtml; //把需要打印的指定内容赋给body.innerHTML
            window.print(); //调用浏览器的打印功能打印指定区域
            window.document.body.innerHTML=bdhtml;//重新给页面内容赋值；
        })

    });
</script>
</body>
</html>